<template>
  <div class="box">
    <el-row
      class="row"
      type="flex"
    >
      <el-col
        class="col"
        v-for="item in [1,2,3,4,5,6,7,8,9,10,11,12]"
        :key="item"
        span="6"
      >
        {{ item }}
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "RowCol"
}
</script>

<style lang="scss" scoped>
.box{
  text-align: center;
}
.row{
  background: bisque;
  margin: auto;
  // display: flex;
}
.col{
  background: cadetblue;
  min-width: 30%;
  max-width: 80%;
  flex: 1;
}
</style>